import { useEffect } from 'react'
const Child = () => {

  // 副作用，依赖项是[]空数组
  useEffect(() => {
    console.log('组件开始，添加副作用')
    // 添加副作用
    const handleResize = () => {
      console.log(window.innerWidth)
    }
    window.addEventListener('resize', handleResize)
    return () => {
      console.log('组件销毁，清理副作用')
      // 清理副作用 相当于组件的componetWillUnmount
      window.removeEventListener('resize', handleResize)
    }
  }, [])

  return <div>子组件</div>
}

export default Child